<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="content-Type" content="text/html" charset="utf-8" />
	<meta name="viewpoint" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<title>lianxi2-固定布局</title>

	<link rel="stylesheet" href="css/style1.css" charset="utf-8">
	<link rel="stylesheet" href="css/basic.css" charset="utf-8">



</head>

<body>


	<header id="header">

		<div class="center">
			<h1 class="logo">旅行社</h1>
			<nav class="link">
				<h2 class="none">网站导航</h2>
				<ul>
					<li><a class="active" href="index.html">首页</a></li>
					<li><a class="avtive" href="information.html">旅游咨询</a></li>
					<li><a class="active" href="ticket.html">机票订购</a></li>
					<li><a class="active" href="view.html">风景欣赏</a></li>
					<li><a class="active" href="company.html">公司简介</a></li>
				</ul>
			</nav>
		</div>
	</header>


	<div class="search"><!--在search大背景下添加图片-->
		<div class="center1"> </div>
		<input type="text" class="search1" placeholder="请输入景点或城市"></input>
		<button type="submit" class="button">搜索</button>
	</div>

	<div id="tour">
		<section class="center">
			<h2>热门旅游</h2>
			<p>国内旅游、国外旅游、自助旅游、自驾旅游、邮轮签证、主题旅游等各种最新热门旅游推荐</p>
		</section>
		<figure>
			<img src="img/tour2.jpg" alt="热门旅游">
			<figcaption>
				<strong class="title">
					&lt;水龙湾6日游&gt; </strong>
				报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券500元

				<div class="info">
					<em class="sat">满意度 77%</em>
					<span class="price">¥ <strong>2864</strong> 起</span>
				</div>
				<div class="tab">国内长线</div>
			</figcaption>
		</figure>

		<figure>
			<img src="img/tour5.jpg" alt="热门旅游">
			<figcaption>
				<strong class="title">
					&lt;清迈7日游&gt; </strong>
				报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券

				<div class="info">
					<em class="sat">满意度 87%</em>
					<span class="price">¥ <strong>5864</strong> 起</span>
				</div>
				<div class="tab">国外长线</div>
			</figcaption>

		</figure>

		<figure>
			<img src="img/tour4.jpg" alt="热门旅游">

			<figcaption>
				<strong class="title">
					&lt;海岸7日游&gt; </strong>
				报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券
				<div class="info">
					<em class="sat">满意度 97%</em>
					<span class="price">¥ <strong>9964</strong> 起</span>
				</div>
				<div class="tab">国外长线</div>
			</figcaption>


			<!-- <div id="set">1国内长线</div> -->
		</figure>

		<figure>
			<img src="img/tour3.jpg" alt="热门旅游">
			<figcaption>
				<strong class="title">
					&lt;风景区3日游&gt; </strong>
				报团特惠，超丰富景点，升一晚5星酒店，无自费/成人优惠券
				<div class="info">
					<em class="sat">满意度 97%</em>
					<span class="price">¥ <strong>7864</strong> 起</span>
				</div>
				<div class="tab">国内长线</div>
			</figcaption>


			<!-- <div id="set">1国内长线</div> -->
		</figure>

		<footer class="footer">
			<div id="top">
				<!--采用2个class，公共部分修改和独有修改维护方便 -->
				<div class="block left">
					<h3>合作伙伴</h3>
					<hr><!--加一个横线-->
					<ul>
						<li><a href="http://www.tuniu.com/" target="_blank">途牛旅游网</a></li>
						<li><a href="http://www.lvmama.com/" target="_blank">驴妈妈旅游网</a></li>
						<li><a href="http://www.ctrip.com/" target="_blank">携程旅游网</a></li>
						<li>中国青年旅行社</li>
					</ul>
				</div>

				<div class="block center11">
					<h3>旅游FAQ</h3>
					<hr>
					<ul>
						<li>旅游合同签订方式</li>
						<li>儿童价是基于什么制定的?</li>
						<li>旅游的线路品质怎么界定的？</li>
						<li>单房差是什么?</li>
						<li>旅游保险有那些种类?</li>
					</ul>
				</div>


				<div class="block right">
					<h3>联系方式</h3>
					<hr>
					<ul>
						<li>微博:weibo.com/ycku</li>
						<li>邮件:252189983@qq.com</li>
						<li>地址:辽宁省xxx路</li>
					</ul>

				</div>
			</div>

			<div class="bottom">Copyright@YCUC 旅行社 | 中IUP程1516481号 | 旅行社经营许可证：ad-079797</div>

		</footer>
	</div>

</body>

</html>